<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./static/layui/css/layui.css" />
		<link rel="stylesheet" href="./static/css/main.css" />
		<link rel="stylesheet" href="./static/css/index.css" />
		<link rel="stylesheet" href="./static/css/animate.min.css" />
		<script src="./static/layui/layui.js"></script>
	</head>
	<body>
		<!-- nav -->
		<div class="nav l-f l-row-sb">
			<img class="logo" src="./static/images/logo.png" alt="" />
			<div class="switch" id="switch">
				<span></span>
				<span></span>
				<span></span>
			</div>
			<ul class="menu l-f" id="menu">
				<li>
					<a href="#" class="active">首页</a>
				</li>
				<li>
					<a href="#">服务</a>
				</li>
				<li>
					<a href="#">关于我们</a>
				</li>
				<li>
					<a href="#">客户评价</a>
				</li>
				<li>
					<a href="#">为什么选择我们</a>
				</li>
				<li>
					<a href="#">问题</a>
				</li>
				<li>
					<a href="#">联系我们</a>
				</li>
			</ul>
		</div>
		<!-- banner -->
		<div class="banner l-f l-row-ad">
			<div class="label animate__animated animate__fadeInLeft">
				<h1>测试文字测试文字</h1>
				<p>测试文字测试文字</p>
			</div>
			<div class="form animate__animated animate__fadeInRight">
				<h1>测试文字</h1>
				<form class="layui-form" action="">
					<div class="layui-form-item">
						<label>Name</label>
						<div class="layui-input-wrap">
							<input type="text" name="username" lay-verify="required" lay-reqtext="请输入Name" placeholder="Your name"
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="l-f layui-row layui-col-space16">
						<div class="layui-col-md6">
							<div class="layui-form-item">
								<label>Gender</label>
								<div class="layui-input-wrap">
									<select name="sex" lay-verify="required" lay-reqtext="请选择Gender" >
										<option value="">Gender</option>
										<option value="0">Man</option>
										<option value="1">Woman</option>
									</select>
								</div>
							</div>
						</div>
						<div class="layui-col-md6">
							<div class="layui-form-item">
								<label>Age</label>
								<div class="layui-input-wrap">
									<input name="age" type="number" lay-affix="number" lay-verify="required" lay-reqtext="请输入Age"
										placeholder="Age" step="1" class="layui-input">
								</div>
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<label>Phone number with WhatsApp</label>
						<div class="layui-input-wrap">
							<div class="layui-input-prefix l-f">
								<div>
									<img src="./static/images/logo.png" alt="" />
								</div>
								<span>+81</span>
							</div>
							<input type="text" name="username" lay-verify="required|phone" lay-reqtext="请输入Phone" placeholder="Your name"
								autocomplete="off" class="layui-input phone">
						</div>
					</div>
					<div class="layui-form-item">
						<label>Email</label>
						<div class="layui-input-wrap">
							<input type="text" name="email" lay-verify="required|email" placeholder="Email" lay-reqtext="请输入Email" autocomplete="off"
								class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<input type="checkbox" name="agreement" lay-verify="required" lay-skin="primary">
						<a href="#" target="_blank" class="agreement">Yes, I m over 21</a>
					</div>
					<div class="layui-form-item">
						<div class="layui-input-wrap">
							<button type="submit" class="layui-btn submit" lay-submit lay-filter="demo1">Submit</button>
						</div>
					</div>
					<div class="layui-form-item note">
						<a href="#">NOTE</a>
						<p>测试文字</p>
					</div>
				</form>
			</div>
		</div>
		<!-- title -->
		<div class="nav-title l-f l-row-c l-column animate__animated animate__fadeInDown">
			<h1>这里是测试文字</h1>
			<p>这里是测试文字<p>
		</div>
		<!-- product -->
		<div class="product">
			<ul class="l-f l-wrap l-row-c" id="productList">
				<li class="item">
					<img class="bg" src="./static/images/logo.png" alt="" />
					<p class="label">这里是测试文字</p>
					<div class="mask animate__animated animate__fadeInUp animate__faster">
						<h2>这里是测试文字</h2>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-row-c">
							<a href="" class="layui-btn">Apply Now!</a>
						</div>
					</div>
				</li>
				<li class="item">
					<img class="bg" src="./static/images/logo.png" alt="" />
					<p class="label">这里是测试文字</p>
					<div class="mask animate__animated animate__fadeInUp animate__faster">
						<h2>这里是测试文字</h2>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-row-c">
							<a href="" class="layui-btn">Apply Now!</a>
						</div>
					</div>
				</li>
				<li  class="item">
					<img class="bg" src="./static/images/logo.png" alt="" />
					<p class="label">这里是测试文字</p>
					<div class="mask animate__animated animate__fadeInUp animate__faster">
						<h2>这里是测试文字</h2>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-col-start mask_item">
							<img src="./static/images/icon-success.png" alt="" />
							<p>这里是测试文字</p>
						</div>
						<div class="l-f l-row-c">
							<a href="" class="layui-btn">Apply Now!</a>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<!-- title -->
		<div class="nav-title l-f l-row-c l-column animate__animated animate__fadeInDown">
			<h1>这里是测试文字</h1>
			<p>这里是测试文字<p>
		</div>
		<ul class="list">
			<li class="l-f l-col-stretch">
				<div class="left l-f l-row-c">
					<img src="./static/images/logo.png" alt="" />
				</div>
				<div class="right">
					<h1>这里是测试文字</h1>
					<p>这里是测试文字</p>
					<p>这里是测试文字</p>
				</div>
			</li>
			<li class="l-f l-col-stretch">
				<div class="left l-f l-row-c">
					<img src="./static/images/logo.png" alt="" />
				</div>
				<div class="right">
					<h1>这里是测试文字</h1>
					<p>这里是测试文字</p>
					<p>这里是测试文字</p>
				</div>
			</li>
			<li class="l-f l-col-stretch">
				<div class="left l-f l-row-c">
					<img src="./static/images/logo.png" alt="" />
				</div>
				<div class="right">
					<h1>这里是测试文字</h1>
					<p>这里是测试文字</p>
					<p>这里是测试文字</p>
				</div>
			</li>
		</ul>
		<div class="l-f l-row-c">
			<div class="card-title animate__animated animate__fadeInDown">这里是测试文字</div>
		</div>
		<div class="people">
			<div class="nav-title l-f l-row-c l-column animate__animated animate__fadeInDown">
				<h1>这里是测试文字</h1>
			</div>
			<ul class="l-f">
				<li>
					<img src="./static/images/logo.png" alt="" />
					<div class="card">
						<h1>这里是测试文字</h1>
						<p>这里是测试文字</p>
						<h3>这里是测试文字</h3>
						<div class="rate l-f">
							<i class="layui-icon layui-icon-rate-solid"></i>
							<i class="layui-icon layui-icon-rate-solid"></i>
							<i class="layui-icon layui-icon-rate-solid"></i>
							<i class="layui-icon layui-icon-rate"></i>
							<i class="layui-icon layui-icon-rate"></i>
						</div>
					</div>
				</li>
				<li>
					<img src="./static/images/logo.png" alt="" />
					<div class="card">
						<h1>这里是测试文字</h1>
						<p>这里是测试文字</p>
						<h3>这里是测试文字</h3>
						<div class="rate l-f">
							<i class="layui-icon layui-icon-rate-solid"></i>
							<i class="layui-icon layui-icon-rate-solid"></i>
							<i class="layui-icon layui-icon-rate-solid"></i>
							<i class="layui-icon layui-icon-rate"></i>
							<i class="layui-icon layui-icon-rate"></i>
						</div>
					</div>
				</li>
				<li>
					<img src="./static/images/logo.png" alt="" />
					<div class="card">
						<h1>这里是测试文字</h1>
						<p>这里是测试文字</p>
						<h3>这里是测试文字</h3>
						<div class="rate l-f">
							<i class="layui-icon layui-icon-rate-solid"></i>
							<i class="layui-icon layui-icon-rate-solid"></i>
							<i class="layui-icon layui-icon-rate-solid"></i>
							<i class="layui-icon layui-icon-rate"></i>
							<i class="layui-icon layui-icon-rate"></i>
						</div>
					</div>
				</li>
				<li>
					<img src="./static/images/logo.png" alt="" />
					<div class="card">
						<h1>这里是测试文字</h1>
						<p>这里是测试文字</p>
						<h3>这里是测试文字</h3>
						<div class="rate l-f">
							<i class="layui-icon layui-icon-rate"></i>
							<i class="layui-icon layui-icon-rate"></i>
							<i class="layui-icon layui-icon-rate"></i>
							<i class="layui-icon layui-icon-rate"></i>
							<i class="layui-icon layui-icon-rate"></i>
						</div>
					</div>
				</li>
			</ul>
			<div class="l-f l-row-c bottom">
				<div class="card-title animate__animated animate__fadeInDown">这里是测试文字</div>
			</div>
		</div>
		<!-- title -->
		<div class="nav-title l-f l-row-c l-column animate__animated animate__fadeInDown">
			<h1>这里是测试文字</h1>
			<p>这里是测试文字<p>
		</div>
		<ul class="cards l-f">
			<li>
				<img src="./static/images/logo.png" alt="" />
				<div class="box">
					<h1>这里是测试文字</h1>
					<p>这里是测试文字<p>
				</div>
			</li>
			<li>
				<img src="./static/images/logo.png" alt="" />
				<div class="box">
					<h1>这里是测试文字</h1>
					<p>这里是测试文字<p>
				</div>
			</li>
			<li>
				<img src="./static/images/logo.png" alt="" />
				<div class="box">
					<h1>这里是测试文字</h1>
					<p>这里是测试文字<p>
				</div>
			</li>
			<li>
				<img src="./static/images/logo.png" alt="" />
				<div class="box">
					<h1>这里是测试文字</h1>
					<p>这里是测试文字<p>
				</div>
			</li>
		</ul>
		<div class="l-f l-row-c cards-bottom">
			<div class="card-title animate__animated animate__fadeInDown">这里是测试文字</div>
		</div>
		<!-- title -->
		<div class="nav-title l-f l-row-c l-column animate__animated animate__fadeInDown">
			<h1>FAQs</h1>
		</div>
		<ul class="collapse" id="collapse">
			<li>
				<div class="title l-f l-row-sb">
					<h3>这里是测试文字</h3>
					<span class="layui-icon layui-icon-addition"></span>
				</div>
				<div class="value">
					<p>这里是测试文字</p>
				</div>
			</li>
			<li>
				<div class="title l-f l-row-sb">
					<h3>这里是测试文字</h3>
					<span class="layui-icon layui-icon-addition"></span>
				</div>
				<div class="value">
					<p>这里是测试文字</p>
				</div>
			</li>
			<li>
				<div class="title l-f l-row-sb">
					<h3>这里是测试文字</h3>
					<span class="layui-icon layui-icon-addition"></span>
				</div>
				<div class="value">
					<p>这里是测试文字</p>
				</div>
			</li>
			<li>
				<div class="title l-f l-row-sb">
					<h3>这里是测试文字</h3>
					<span class="layui-icon layui-icon-addition"></span>
				</div>
				<div class="value">
					<p>这里是测试文字</p>
				</div>
			</li>
		</ul>
		<div class="footer">
			<div class="box l-f">
				<div class="left">
					<img class="bg" src="./static/images/logo.png" alt="" />
				</div>
				<div class="right">
					<span>这里是测试文字</span>
					<a href="javascript:;">这里是测试文字</a>
					<h1>这里是测试文字</h1>
					<p>这里是测试文字</p>
					<div class="l-f">
						<div class="box-btn card-title animate__animated animate__fadeInDown">这里是测试文字</div>
					</div>
				</div>
			</div>
			<div class="bottom">
				<div class="top l-f l-row-c">
					<h1>这里是测试文字</h1>
					<a href="javascript:;">这里是测试文字</a>
					<p>这里是测试文字</p>
					<div class="l-f">
						<img src="./static/images/logo.png" alt="" />
						<span>123456789</span>
					</div>
					<p>这里是测试文字</p>
				</div>
				<p>版权信息</p>
			</div>
		</div>
		<script src="./static/js/jquery-3.5.1.min.js"></script>
		<script src="./static/js/index.js"></script>
	</body>
</html>